<template>
    <mrc_ess_PopToolTip :openOnHover="props.openOnHover" :text="props.tipDetail">
        <template v-slot:btn>
            <div class="text-[14px] leading-[18px] text-text--secondary underline font-[400] break-words pt-1">
                {{ props.tip }}
            </div>
        </template>
    </mrc_ess_PopToolTip>
</template>

<script lang="ts" setup>
import { ref } from 'vue';
const props = defineProps({
    tip: {
        type: [String, Number],
        default: ""
    },
    tipDetail: {
        type: [String, Number],
        default: ""
    },
    openOnHover: {
        type: Boolean,
        default: true
    }
})
</script>

<style scoped></style>